import React from 'react';
import './list.scss';

export interface ListItemProps {
	className?: string;
	bordered?: boolean;
	children?: React.ReactNode;
}

const ListItem = (props: ListItemProps) => {
	const { className, bordered = false, children } = props;
	return (
		<div
			className={`hs-ui-list_item ${className ?? ''} hs-ui-list_item${
				bordered ? '-bordered' : ''
			}`}>
			{children ? children : <></>}
		</div>
	);
};

export default ListItem;
